<!-- 默认图片 -->
<template>
	<view v-if="show" class="default-img">
		<view class="img-icon">
			<image src="https://files.yzsheng.com/client/weixin/iconzanwuxinxi.png" mode="aspectFill"></image>
		</view>
		<view class="tips">
			{{ msg }}
		</view>
	</view>
</template>

<script>
	export default {
		name: "defaultImg",
		data() {
			return {};
		},
    props: {
      show: {
        type: Boolean,
        default: false
      },
		  msg: {
		    type: String,
        default: '暂无更多信息，看看其他的吧'
      }
    },
		methods: {}
	}
</script>

<style scoped lang="scss">
	@mixin center() {
		display: flex;
		justify-content: center;
		/* 水平居中 */
		align-items: center;
		/* 垂直居中 */
	}

	.default-img {
    padding: 100rpx 0;
		// margin: 100rpx 0;

		.img-icon {
			@include center;

			image {
				width: 263rpx;
				height: 277rpx;
			}
		}

		.tips {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #9A9A9A;
			text-align: center;
		}
	}
</style>
